<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>积分</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #f8f8f8;
            color: #333;
        }

        .bg {
            width: 390px;
            height: auto;
            z-index: -1;
            position: relative;
            top: -20px;
        }

        .back {
            position: relative;
            top: 15px;
            left: 20px;
            background-color: rgba(255, 255, 255, 0);
            color: #f8f8f8;
        }

        .bgbox {
            width: 370px;
            height: 233px;
            border-radius: 10%;
            position: relative;
            left: 10px;
            top: -300px;
            background-color: #fff;
        }

        .ltbox {
            position: relative;
            top: 80px;
            left: 80px;
            font-size: 24px;
        }

        .qiandao {
            background-color: #f90;
            width: 200px;
            height: 60px;
            border-radius: 15%;
            padding: 20px;
            position: relative;
            top: 130px;
            left: 130px;
        }

        .qiandao {
            font-size: 24px;
            color: #fff;

        }
    </style>
</head>

<body>
    <a href="wode.html">
        <div class="back">返回</div>
    </a>
    <img src="images/qiandaoBG.png" alt="" class="bg">
    <div class="bgbox">
        <div class="ltbox">您已连续签到<span style="color: #fa3534;"><strong>&nbsp;0&nbsp;</strong></span>天</div>
        <span class="qiandao">签到</span>
    </div>
</body>

</html>